/*=====整合样式=====*/
*{ margin: 0; padding: 0;}
img{ display: block; border: 0;}
ul li { list-style: none;}
a{ text-decoration: none;}
body{ font-size:12px; color:#3e3e3e; font-family:"微软雅黑";}
.l{ float: left;}
.r{ float: right;}
.w{width: 1190px; margin: 0 auto;}
/*=====中间内容 content=====*/
#content{ width: 1263px; height: 8939px; background-color:#eeeeee; margin: 0 auto;}
#content .bx{ height: 8939px; background-color:#f4f4f4;}
/*=====上面导航 menu=====*/
#content .bx .menu{ width: 1170px; height: 46px; padding-left: 20px; line-height: 46px;}
#content .bx .menu span{  height: 46px; margin-right: 3px; color: #666;}
#content .bx .menu span a{ color: #666;}
#content .bx .menu span a:hover{ color: #E0034F;}
/*=====上面导航 menu=====*/
#content .bx .shopper{ height: 542px; margin-bottom: 10px; background: #fff;}
#content .bx .shopper .procon{ width: 955px; height: 512px; padding: 20px 10px 10px 0;}
#content .bx .shopper .NBright{ width: 225px; height: 137px; padding: 30px 0; background: url(../img/details/NBright.jpg) no-repeat 0 0; position: relative;}
#content .bx .shopper .NBright a{ display: block; position: absolute; left: 0px; top: 90px; width: 100%; height: 47px; line-height: 47px; font-size: 11px; color: #666; text-align: center;}
#content .bx .shopper .NBright a:hover{ color: #E0034F;}



#content .bx .shopper .procon .left{ width: 435px; height: 100%;}
#content .bx .shopper .procon .left .divimg{ width: 328px; height: 472px; margin: 0 auto;}
#content .bx .shopper .procon .left .divimg .proshow{ width: 300px; height: 400px; margin: 0 auto; position: relative;}
#content .bx .shopper .procon .left .divimg .proshow img{ width: 300px; height: 400px;}
#content .bx .shopper .procon .left .divimg .proshow .fangdajing{ width: 300px; height: 400px; z-index: 6; position: absolute; left: 320px; top: 0px; background-color: #fff; overflow: hidden; display: none;}
#content .bx .shopper .procon .left .divimg .proshow .fangdajing img{ width: 750px; height: 1000px; margin-top: 0px; margin-left: 0px; }


#content .bx .shopper .procon .left .divimg .proshow .fdj{ width: 120px; height: 150px; z-index: 5; position: absolute; left: 0px; top: 0px; background-color: #ccc; opacity: 0.5; display: none;} 

#content .bx .shopper .procon .left .divimg .proshow .zhezhaoceng{ width: 300px; height: 400px; z-index: 8; position: absolute; left: 0px; top: 0px; }

#content .bx .shopper .procon .left .divimg .prophoto{ width: 328px; height: 62px; margin-top:10px; overflow: hidden;}
#content .bx .shopper .procon .left .divimg .prophoto .ulwai{ width: 288px; height: 62px; padding:  0 20px; position: relative;}
#content .bx .shopper .procon .left .divimg .prophoto .ulwai .prev{ position: absolute; left: 0 ; top: 0;} 
#content .bx .shopper .procon .left .divimg .prophoto .ulwai .next{ position: absolute; left: 308px; top: 0;} 
#content .bx .shopper .procon .left .divimg .prophoto .ulwai ul{ overflow: hidden; height: 62px; width: 604px; margin-left: 0px;}
#content .bx .shopper .procon .left .divimg .prophoto .ulwai ul li{ width: 60px; height: 60px; border: 1px solid #666; margin:  0 5px;}
#content .bx .shopper .procon .left .divimg .prophoto .ulwai ul li img{ width: 40px; height: auto; margin: 0 auto; margin-top:5px; }



#content .bx .shopper .procon .left .scsp{ width: 381px; height: 30px; padding: 10px 0 0 54px;}
#content .bx .shopper .procon .left .scsp p{ height: 30px; line-height: 30px; color: #000;}
#content .bx .shopper .procon .left .scsp .sclj{ width: 150px; height: 30px; padding-left: 30px; line-height: 30px; }
#content .bx .shopper .procon .left .scsp .sclj .sc{ display: block; width: 28px; height: 25px;  line-height: 26px; border: 1px solid #fff; margin-top: 2px; background: url(../img/details/icon.png) no-repeat -54px 0; padding-left: 30px; color: #666;}
#content .bx .shopper .procon .left .scsp .sclj .weixin{ display: block; width: 27px; height: 27px;  line-height: 26px; border: 2px solid #fff; margin-left: 8px;
 background: url(../img/details/icon.png) no-repeat 0 0; color: #666; position: relative;}
.weixintiao{ position: absolute; left: -2px; top: 27px; display: none; z-index: 10;}
/*#content .bx .shopper .procon .left .scsp .sclj .weixin:hover{ border: 2px solid #f0f0f0; border-bottom: 0;}*/
#content .bx .shopper .procon .left .scsp .sclj .lianjie{ display: block; width: 27px; height: 27px;  line-height: 26px; border: 2px solid #fff; margin-left: 8px;
 background: url(../img/details/icon.png) no-repeat -27px 0; color: #666; position: relative;}
.lianjietiao{ position: absolute; left: -2px; top: 27px; display: none; z-index: 10;}





#content .bx .shopper .procon .right{ width: 500px; height: 100%;}
#content .bx .shopper .procon .right h1{ width: 100%; margin-bottom: 20px; height:27px; font: normal 18px/1.5 "Microsoft Yahei",Verdana,simsun,serif;}
#content .bx .shopper .procon .right .place{ width: 500px; margin-bottom: 30px; height:60px;}
#content .bx .shopper .procon .right .place p.YTplace{ width: 500px; margin-bottom: 15px; height:25px; line-height: 25px; font-size: 14px;}
#content .bx .shopper .procon .right .place p.YTplace span{ color: #999;}
#content .bx .shopper .procon .right .place p.YTplace strong{ color: #E5004F; font-size: 24px; vertical-align: baseline; display: inline-block;}
#content .bx .shopper .procon .right .place p.YTplace em{ font-style: normal; font-weight: 400;}
#content .bx .shopper .procon .right .place p.YTplace .sale{ background: #d4bd8a; color: #fff; width: 44px; height: 20px; line-height: 20px; text-align: center; margin-top: 2px; vertical-align: top; display: inline-block; margin-left: 5px;}
#content .bx .shopper .procon .right .place .markplace{ width: 500px; margin: 12px 0; font-size: 14px; line-height: 15px; color: #999;}
#content .bx .shopper .procon .right .place .markplacenum{ padding: 5px 0;}
#content .bx .shopper .procon .right .place .markplacenum span{ text-decoration: line-through; margin-right: 2px;}
#content .bx .shopper .procon .right .place .markplacenum span em{ font-style: normal; font-weight: 400;}


#content .bx .shopper .procon .right .protime{ width: 495px; background: #eff0f4; padding: 5px 0 5px 4px; font-family: "Microsoft Yahei",Verdana,simsun,serif; margin-bottom: 10px;}
#content .bx .shopper .procon .right .protime div{ padding: 2px 12px 2px 0; font-size: 12px; color: #666; position: relative;}
#content .bx .shopper .procon .right .protime div .p-timeout{ width: 315px; height: 20px; line-height: 20px;  position: absolute; left: 170px; top: 0;}
#content .bx .shopper .procon .right .protime span.yellow{ background: url(../img/details/icon.png) no-repeat 100% -380px; }
#content .bx .shopper .procon .right .protime span{
	height: 20px; line-height: 20px; display: inline-block; text-align: center; margin: 0 6px; width: auto; vertical-align: top;
}
/*#content .bx .shopper .procon .right .protime span.yellow strong{background: #D4BD8A; }*/
#content .bx .shopper .procon .right .protime span strong{ padding: 0 10px; line-height: 20px; display: inline-block;  height: 20px; font-size: 12px; color: #fff; font-weight: normal; float: left; margin: 0;}
#content .bx .shopper .procon .right .protime div a{ color: #666;}




#content .bx .shopper .procon .right .prochange { width: 496px; height: 233px; border: 2px solid #fff; padding-bottom: 10px;}
#content .bx .shopper .procon .right .prochange p.tishi{ width: 491px; height: 24px; border-bottom: 1px solid #f3e9e7; margin-bottom: 10px; background: #fff; line-height: 25px; font-size: 14px; padding-left: 5px; display: none;}
#content .bx .shopper .procon .right .prochange p.tishi b{float: right; padding-right: 5px; cursor: pointer;}
#content .bx .shopper .procon .right .prochange .prosize{ width: 475px; height: 198px; }

#content .bx .shopper .procon .right .prochange .prosize dl.color{ overflow: hidden; width: 470px; float: left; margin-top: 5px; padding-left: 5px;}
#content .bx .shopper .procon .right .prochange .prosize dl.color dt{ width: 100px; line-height: 20px; float: left; color: #999;}
#content .bx .shopper .procon .right .prochange .prosize dl.color dd{ width: 370px; height: 45px; float: left; overflow: hidden;}
#content .bx .shopper .procon .right .prochange .prosize dl.color dd .changeone{ margin: 0 5px 5px 0; position: relative; display: inline-block; height: 40px; width: 61px;}
#content .bx .shopper .procon .right .prochange .prosize dl.color dd .changeone b{ overflow: hidden; position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; background: url(../img/details/icon.png) no-repeat 0 -240px;}
#content .bx .shopper .procon .right .prochange .prosize dl.color dd .changeone a{ width:51px; height: 30px; line-height: 30px; background: #fff; cursor: pointer; color: #000; white-space: nowrap; display: inline-block; border: 2px solid #E5004F; padding: 3px;}
#content .bx .shopper .procon .right .prochange .prosize dl.color dd .changeone a img{ width: 22.5px; height: 30px; vertical-align: middle; display: inline-block;}
#content .bx .shopper .procon .right .prochange .prosize dl.color dd .changeone a span{ font-size: 12px; color: #000; white-space: nowrap; vertical-align: middle;}


#content .bx .shopper .procon .right .prochange .prosize dl.size{ overflow: hidden; width: 470px; float: left; margin-top: 5px; padding-left: 5px;}
#content .bx .shopper .procon .right .prochange .prosize dl.size dt{ width: 100px; line-height: 20px; float: left; color: #999;}
#content .bx .shopper .procon .right .prochange .prosize dl.size dd{ width: 370px;}
#content .bx .shopper .procon .right .prochange .prosize dl.size dd .sizeIntro{margin-bottom: 8px;}
#content .bx .shopper .procon .right .prochange .prosize dl.size dd a.cmsm{ color: #000; background: #fff url(../img/details/icon.png) no-repeat 0 -432px; display: block; width: 65px; height: 25px; line-height: 25px; text-align: center; text-decoration: underline; padding-left: 24px;}
#content .bx .shopper .procon .right .prochange .prosize dl.size dd .item{ position: relative; margin: 0 5px 5px 0; display: inline-block; width: 56px; height: 25px;}
#content .bx .shopper .procon .right .prochange .prosize dl.size dd .item b{ position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; overflow: hidden; background: url(../img/details/icon.png) no-repeat 0 -250px;} 
#content .bx .shopper .procon .right .prochange .prosize dl.size dd .item a{ min-width: 10px; white-space: nowrap; display: inline-block; height: 21px; padding: 1px 12px; text-align: center; vertical-align: bottom; border: 1px solid #ccc; width: 30px; color: #000;}  



#content .bx .shopper .procon .right .prochange .prosize .probuy{ clear: both; height: 40px; padding-top: 10px; margin-left: 5px;}
#content .bx .shopper .procon .right .prochange .prosize .probuy .buynum{ border: 1px solid #ccc; margin-right: 10px; width: 90px; height:38px; line-height:38px ; background: wheat;}
#content .bx .shopper .procon .right .prochange .prosize .probuy .buynum .fl input{ outline: none; border: none; width: 51px; height: 38px; line-height: 38px; background-color: #fff; text-align: center; font-size: 22px; color: #000; vertical-align: bottom; outline-offset: -2px;}

#content .bx .shopper .procon .right .prochange .prosize .probuy .buynum .two{ width: 38px; height: 38px;}
#content .bx .shopper .procon .right .prochange .prosize .probuy .buynum .fl a{ width: 38px; height: 19px; line-height:19px; font-size: 20px; overflow: hidden; color: #ddd; display: block; text-align: center; vertical-align: middle; display: inline-block; float: left; border-left: 1px solid #e9e9e9;}   
#content .bx .shopper .procon .right .prochange .prosize .probuy .buynum .fl a.p-num-add{background: url(../img/details/icon.png) no-repeat 0 -157px;}
#content .bx .shopper .procon .right .prochange .prosize .probuy .buynum .fl a.p-num-add:hover{background: url(../img/details/icon.png) no-repeat -38px -157px;}
#content .bx .shopper .procon .right .prochange .prosize .probuy .buynum .fl a.p-num-red{background: url(../img/details/icon.png) no-repeat 0 -176px;}
#content .bx .shopper .procon .right .prochange .prosize .probuy .buynum .fl a.p-num-red:hover{background: url(../img/details/icon.png) no-repeat -38px -176px;}
#content .bx .shopper .procon .right .prochange .prosize .probuy .addshopcar button{ width: 150px; border: none; outline: none ; margin-right: 10px; height: 40px; float: left;  overflow: hidden; cursor: pointer;}

#content .bx .shopper .procon .right .prochange .prosize .probuy .addshopcar button.buynow{ background: #E5004F url(../img/details/button_v2.png) no-repeat 0 -560px;} 
#content .bx .shopper .procon .right .prochange .prosize .probuy .addshopcar button.incart{ background: #E5004F url(../img/details/button_v2.png) no-repeat 0 0;} 

#content .bx .shopper .procon .right .serviceInfo{	float: left; width: 500px; margin: 20px 0; overflow: hidden;}
#content .bx .shopper .procon .right .serviceInfo .service{background: #f7f3e8; font-size: 12px; overflow: hidden;  }
#content .bx .shopper .procon .right .serviceInfo .service dt{background: #f7f3e8; color: #444; float: left; width: 75px; height: 30px; line-height: 30px; text-indent: 12px;}
#content .bx .shopper .procon .right .serviceInfo .service dd{float: left; width: 425px;}
#content .bx .shopper .procon .right .serviceInfo .service dd span{float: left; height: 30px; padding-left: 20px; line-height: 30px; margin-right: 10px; white-space: nowrap; background: url(../img/details/icon.png) no-repeat 0 -40px;} 


/*=====下面的一大堆 xiangqing =====*/
#content .bx .xiangqing{ height: 8134px; padding-top: 30px;}
#content .bx .xiangqing .left{ height: 8134px; width: 990px; position: relative; margin-right: 10px; background: #fff;}
#content .bx .xiangqing .left .toplook{ width: 990px; height: 30px; position: absolute; left: 0; top: -30px; background: #999; z-index: 9;}
#content .bx .xiangqing .left .toplook ul{ height: 30px; width: 484px;}
#content .bx .xiangqing .left .toplook ul li{ height: 30px; width: 120px; border-right: 1px solid #fff; line-height: 30px; font-size: 11px; text-align: center; color: #fff; cursor: pointer;}
#content .bx .xiangqing .left .toplook button{ height: 30px; width: 131px; background: #e5004f url(../img/details/button_v2.png) no-repeat 0 -349px; border: none; cursor: pointer; z-index: 2; }
#content .bx .xiangqing .left .toplook a{ display: block; height: 30px; width: 148px; background: #999 url(../img/details/icon.png) no-repeat 0px -70px; position: relative;}
#content .bx .xiangqing .left .toplook a:hover{ display: block; height: 30px; width: 148px; background: #fff url(../img/details/icon.png) no-repeat -148px -70px;  }
#content .bx .xiangqing .left .toplook a img{ position: absolute; left: 0; top: 30px; display: none;}


#content .bx .xiangqing .left .juti{ width: 920px; height: 8129px; padding: 0 35px; margin-top: 20px;}
#content .bx .xiangqing .left .juti ul{ width: 920px; height: 8129px;overflow: hidden;}
#content .bx .xiangqing .left .juti ul li{ width: 920px; height: 8129px; position: relative; background: #fff; }
#content .bx .xiangqing .left .juti ul li .jrppd{ display: block; position: absolute; bottom: 100px; left: 232px; line-height: 11px; color: #e5004f;} 

#content .bx .xiangqing .left .juti ul li .qbzx{  width: 920px; height: 41px; border-bottom: 1px solid #cdcdcd; background: url(../img/details/qbzx.jpg) no-repeat 0 0;} 
#content .bx .xiangqing .left .juti ul li .qbzx select{  width: 106px; height: 23px; border: 1px solid #a9a9a9; line-height: 23px; margin-top: 6px;} 
#content .bx .xiangqing .left .juti ul li .zxlb{  width: 880px; height: 127px; line-height: 127px; font-size: 11px; padding: 0 20px;} 
#content .bx .xiangqing .left .juti ul li form{  width: 648px; height: 230px; border: 1px solid #ddd; margin: 0 auto; padding: 28px 20px;} 
#content .bx .xiangqing .left .juti ul li form span.left{ display: inline-block;  width: 80px; height: 20px; margin-left: 5px;}
#content .bx .xiangqing .left .juti ul li form span.right{ color: #f00; margin-left: 5px;}
#content .bx .xiangqing .left .juti ul li form .wtlx { margin-bottom: 10px;}

#content .bx .xiangqing .left .juti ul li form .wtlx input{  width: 130px; height: 18px; line-height: 18px;} 
#content .bx .xiangqing .left .juti ul li form .neirong textarea{  width: 360px; height: 108px; line-height: 18px; resize: none;} 
#content .bx .xiangqing .left .juti ul li form .neirong .right{ margin-top: 100px;}
#content .bx .xiangqing .left .juti ul li form .wxts .wxtsp{ height: 54px; line-height: 18px;  margin: 5px 0 10px 90px }
#content .bx .xiangqing .left .juti ul li form .wxts .wxtsp a{ height: 18px; line-height: 18px; color: #af9d75; font-weight: bold;}
#content .bx .xiangqing .left .juti ul li form .wxts .tijiao{ width: 58px; height: 18px; line-height: 18px; color: #fff; background:#4a4a4a; border: 1px solid #333; margin-left: 270px; cursor: pointer;}



#content .bx .xiangqing div.right { width: 190px; height: 3886px; background: #fff;} 
#content .bx .xiangqing div.right li{ width: 190px; height: 1295px;} 
#content .bx .xiangqing div.right li p.topp{ width: 160px; height: 30px; background: #999; line-height: 30px; color: #fff; font-size: 11px; font-weight: bold; padding: 0 15px;} 
#content .bx .xiangqing div.right li p .huanyipi{ line-height: 29px; color: #fff; font-size: 11px; font-weight: bold;} 
#content .bx .xiangqing div.right li .neiul li{ width: 190px; height: 250px;} 
#content .bx .xiangqing div.right li .neiul li dl{ width: 190px; height: 250px;} 
#content .bx .xiangqing div.right li .neiul li dl dt{ width: 120px; height: 160px; padding:15px 35px ;}
#content .bx .xiangqing div.right li .neiul li dl dd{ width: 160px; height: 60px; padding: 0 15px; }
#content .bx .xiangqing div.right li .neiul li dl dd a{ display: block; width: 160px; height: 34px;  color: #999;}
#content .bx .xiangqing div.right li .neiul li dl dd p{ width: 100px; height: 23px; line-height: 23px; font-size: 13px; color: #e5004f; font-weight: bold; padding: 0 ; margin: 0 auto; }
#content .bx .xiangqing div.right li .neiul li dl dd p span{ float: right; line-height: 23px; font-size: 13px; color: #999; font-weight: 400; text-decoration: line-through;}


#hddb{ width: 40px; height: 40px; background: #ccc; position: fixed; right: -5px; bottom: 300px;}
#hddb:hover{ background: #E0034F;}
#hddb a{ display: block; width: 40px; height: 40px; line-height: 20px; font-size: 13px; color: #000; margin-left: 4px; font-weight: bold;}
#hddb a:hover{ color: #fff;}





























